<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>玛莎拉蒂</title>
    <script>
        var anser =
            prompt('请输入访问密码：');
        if (anser == '1234') {
            alert('欢迎小主登录！！')
        } else {
            // 关闭网页
            alert('不好意思哦，密码输入有误，您不可以访问哦')
            window.close()
        }
    </script>

    <link rel="stylesheet" href="../scss练习/玛莎拉蒂.css">
</head>

<body>
    <!-- 导航部分 -->
    <div id="bar">
        <ul id="ul_1">
            <li>
                <a href="#">首页</a>
                <ul class="ul_2">
                    <li>你好</li>
                    <li>你好</li>
                    <li>你好</li>
                </ul>
            </li>
            <li>
                <a href="#">新闻</a>
                <ul class="ul_2">
                    <li>你好</li>
                    <li>你好</li>
                    <li>你好</li>
                </ul>
            </li>
            <li>
                <a href="#">资讯</a>
                <ul class="ul_2">
                    <li>你好</li>
                    <li>你好</li>
                    <li>你好</li>
                </ul>
            </li>
            <li>
                <a href="#">团队</a>
                <ul class="ul_2">
                    <li>你好</li>
                    <li>你好</li>
                    <li>你好</li>
                </ul>
            </li>
            <div>
                <li>
                    <a href="#">客服</a>
                </li>
                <li>
                    <a href="#">试驾</a>
                </li>
            </div>

        </ul>

    </div>



    <!-- 选项卡 -->
    <div id="img">
        <input type="radio" name="img" id="img1">
        <label for="img1">1</label>
        <input type="radio" name="img" id="img2">
        <label for="img2">2</label>
        <input type="radio" name="img" id="img3">
        <label for="img3">3</label>
        <input type="radio" name="img" id="img4">
        <label for="img4">4</label>
        <input type="radio" name="img" id="img5">
        <label for="img5">5</label>
        <div></div>


    </div>




    <!-- 车型 -->
    <div id="car">
        <div id="car_1">
            <b>车型</b>
            <span>每一辆玛莎拉蒂都是独一无二的</span>
        </div>

        <div id="car_2">
            <div>
                <p>玛莎拉蒂1</p>
                <span>￥88888</span><br>
                <button>购买</button>
            </div>
            <div>
                <p>玛莎拉蒂2</p>
                <span>￥88888</span><br>
                <button>购买</button>
            </div>
            <div>
                <p>玛莎拉蒂3</p>
                <span>￥88888</span><br>
                <button>购买</button>
            </div>
            <div>
                <p>玛莎拉蒂4</p>
                <span>￥88888</span>
                <button>购买</button>
            </div>
        </div>


    </div>



    <!-- 玛莎拉蒂动画 -->
    <div id="dh">
        <h3>玛莎拉蒂的世界</h3>
        <div>
            <div><img src="../scss练习/img/Hero_Landing_1920x1080.jpg" alt=""></div>
            <div><img src="../scss练习/img/Hero_Landing_1920x1080.jpg" alt=""></div>
            <div><img src="../scss练习/img/Hero_Landing_1920x1080.jpg" alt=""></div>
            <div><img src="../scss练习/img/Hero_Landing_1920x1080.jpg" alt=""></div>

        </div>

    </div>




    <!-- 版权信息 -->
    <div id="footer">
        <div><img src="../scss练习/img/二维码.jpg" alt="" width="200px" height="200px" style="margin-top: 50px;"></div>
        <div>
            <ul>
                <li>车型</li>
                <li>新Ghibli轿车系列</li>
                <li>新Levante SUV系列</li>
                <li>Quattroporte总裁轿车系列</li>
                <li>MC20</li>
            </ul>
        </div>
        <div>
            <p>关注我们</p>
            <button>注册了解</button>
        </div>
        <div><img src="../scss练习/img/微信.png" width="60px" height="60px" alt="">
            <img src="../scss练习/img/微博.png" width="60px" height="60px" alt="">
            <img src="../scss练习/img/bil.png" width="60px" height="60px" alt="">
        </div>
    </div>
</body>

</html>